<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
	  xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:p="http://primefaces.prime.com.tr/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>AGREGAR GRUPO</title>
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/css/default.css" />
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/themes/#{preferencias.tema}/skin.css" />
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/syntaxhighlighter/styles/syntaxhighlighter.css" />
</h:head>
	<body bgcolor="black">
		<div align="center">
			<h:panelGrid columns="1">
				<h:form id="grupo">
					<div align = "center">
						<br /><br />
						<h1><h:outputText value="AGREGAR GRUPO" style="color: red" /></h1>
						<br /><br />
					</div>
					<p:panel id="panel" header="Nuevo grupo" style="margin-bottom:10px;">
						<p:messages /> 
						<div align = "center">
							<br />
							<h:outputText value="Ingrese los datos del grupo a crear" style="color: black" />
							<br /><br />
							<h:panelGrid columns="2">
								<h:outputText value="Materia:" style="color: black" partialSubmit="true"/> 
								<h:selectOneMenu value ="#{grupoBean.materia}">
									<f:selectItems value="#{materiaBean.nombreMaterias}" />
								</h:selectOneMenu>
								
								<h:outputText value="Programas:" style="color: black" partialSubmit="true"/> 
								<h:selectOneMenu value ="#{grupoBean.nombrePrograma}" immediate="true">
									<f:selectItems value="#{programaBean.nombreProgramas}"/>
									<p:ajax update="menuProfesores" /> 
								</h:selectOneMenu>
								
								<h:outputText value="Profesores:" style="color: black" partialSubmit="true"/> 
								<h:selectOneMenu id="menuProfesores" value ="#{grupoBean.profesor}">
									<f:selectItems value="#{grupoBean.profesores}" />
								</h:selectOneMenu>
								
								<h:outputText value="Semestres:" style="color: black" partialSubmit="true"/> 
								<h:selectOneMenu value ="#{grupoBean.semestre}">
									<f:selectItems value="#{semestreBean.nombreSemestres}" />
								</h:selectOneMenu>
							</h:panelGrid>
							<br />
							<h:commandButton value="Agregar grupo" action="#{grupoBean.adicionarGrupo}" />
						</div>
					</p:panel>
				</h:form>
			</h:panelGrid>
		</div>
		
		<div align="center">
			<br />
			<h1><h:outputText value="GRUPOS EXISTENTES EN LA BASE DE DATOS" style="color: red" /></h1>
			<br />
		</div>
		<div align="center">
			<h:panelGrid columns="1">
				<h:form id="fdatos" prependId="false">
					<p:dataTable id="tabla" value="#{grupoBean.grupos}" var="grupo" paginator="true" rows="5" emptyMessage="No hay grupos registrados">
						<p:column filterBy="#{grupo.nummeroDeGrupo}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header"><h:outputText value="Numero del grupo" /></f:facet>
							<h:outputText value="#{grupo.nummeroDeGrupo}" />
						</p:column>
						<p:column filterBy="#{grupo.materia.nombre}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header"><h:outputText value="Materia que se dicta" ></h:outputText></f:facet>
							<h:outputText value="#{grupo.materia.nombre}"/>
						</p:column>
						<p:column filterBy="#{grupo.profesor.cedula}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header"><h:outputText value="Cedula del profesor" /></f:facet>
							<h:outputText value="#{grupo.profesor.cedula}"/>
						</p:column>
						<p:column filterBy="#{grupo.profesor.nombreyApellido}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header"><h:outputText value="Nombre del profesor" /></f:facet>
							<h:outputText value="#{grupo.profesor.nombreyApellido}"/>
						</p:column>
						<p:column filterBy="#{grupo.semestre.nombreSemestre}" filterMatchMode="startsWith" footerTex="comienza por">
							<f:facet name="header"><h:outputText value="Semestre" /></f:facet>
							<h:outputText value="#{grupo.semestre.nombreSemestre}"/>
						</p:column>
						<p:column>
							<f:facet name="header"><h:outputText value="Eliminar" /></f:facet>
							<p:commandButton update="display" oncomplete="dialogoEliminar.show()" image="ui-icon ui-icon-trash">
								<f:setPropertyActionListener value="#{grupo}" target="#{grupoBean.grupo}" />
							</p:commandButton>
						</p:column>
						<!-- <p:column>
							<f:facet name="header"><h:outputText value="Actualizar" /></f:facet>
							<p:commandButton update="grupo" image="ui-icon ui-icon-refresh">
								<f:setPropertyActionListener value="actualizar"	target="#{grupoBean.accion}" />
								<f:setPropertyActionListener value="#{grupo}"	target="#{grupoBean.grupo}" />
							</p:commandButton>
						</p:column> -->
					</p:dataTable>
					
					<div align="center">
						<p:panel id="panelExportacion" header="Exportacion" style="margin-bottom:10px;">
							<div align="center">
								<h:panelGrid columns="5">
									<h:outputText value="Exportar datos de la tabla:" style="color: black" />
									<h:commandLink>
										<p:graphicImage value="/images/pdf.png" />
										<p:dataExporter type="pdf" target="tabla" fileName="grupos" />
									</h:commandLink>
									<h:commandLink>
										<p:graphicImage value="/images/excel.png" />
										<p:dataExporter type="xls" target="tabla" fileName="grupos" />
									</h:commandLink>
									 <h:commandLink>  
							            <p:graphicImage value="/images/csv.png" />  
							            <p:dataExporter type="csv" target="tabla" fileName="grupos" />  
							        </h:commandLink>  
							        <h:commandLink>  
							            <p:graphicImage value="/images/xml.png" />  
							            <p:dataExporter type="xml" target="tabla" fileName="grupos" />  
							        </h:commandLink> 
								</h:panelGrid>
							</div>
						</p:panel>
					</div>
					
					<p:dialog header="grupo" widgetVar="dialogoEliminar"
						resizable="false" width="400" showEffect="explode"
						hideEffect="explode" modal="true">
						<h:panelGrid id="display" columns="2" cellpadding="4">
							<h:outputText value="Numero del grupo:" />
							<h:outputText value="#{grupoBean.grupo.nummeroDeGrupo}" />
							<h:outputText value="Materia que se dicta:" />
							<h:outputText value="#{grupoBean.grupo.materia.nombre}" />
							<h:outputText value="Cedula del profesor:" />
							<h:outputText value="#{grupoBean.grupo.profesor.cedula}" />
							<h:outputText value="Nombre del profesor:" />
							<h:outputText value="#{grupoBean.grupo.profesor.nombreyApellido}" />
							<h:outputText value="Semestre:" />
							<h:outputText value="#{grupoBean.grupo.semestre.nombreSemestre}" />
							<p:commandButton update="fdatos grupo" actionListener="#{grupoBean.eliminarGrupoDeBD}"
								image="ui-icon ui-icon-trash" oncomplete="dialogoEliminar.hide()" value="Eliminar">
								<f:setPropertyActionListener value="#{grupo}" target="#{grupoBean.grupo}" />
							</p:commandButton>
							<p:commandButton oncomplete="dialogoEliminar.hide()" image="ui-icon ui-icon-cancel" value="Cancelar">
							</p:commandButton>
						</h:panelGrid>
					</p:dialog>
				</h:form>
			</h:panelGrid>
		</div>	
		<h:form>
		<br/><br/>
			<div align="center">
				<h:commandButton value="Volver a menu principal" action="/Paginas/paginasIniciales/paginaInicioAdministrativo.xhtml" style="margin-right:40px;" />
			</div>
		<br/><br/>
		</h:form>
	</body>
</html>